@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

.box {
  width: 100%;
  height: 720px;
  background-image: url(../../day03/大屏可视化素材图/素材图/index_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
}

.left {
  width: 25%;
  height: 720px;
}

.left .leftheader {
  width: 100%;
  height: 200px;
  background-image: url(../../day03/大屏可视化素材图/素材图/border_bg01.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
}

.left .leftheader p {
  color: #2268a6;
  font-size: 18px;
}

.left .leftheader h3 {
  font-size: 30px;
  color: white;
}

.left .lefttitle {
  width: 100%;
  height: 250px;
}

.left .lefttitle .leftbox1 {
  width: 100%;
  height: 15%;
  background-image: url(../../day03/大屏可视化素材图/素材图/box_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.left .lefttitle .leftbox2 {
  width: 100%;
  height: 70%;
}

.left .lefttitle .leftbox2 #min {
  width: 85%;
  height: 85%;
}

.left .leftfooter {
  width: 100%;
  height: 270px;
}

.left .leftfooter table {
  width: 100%;
  height: 100%;
}

.zpbbox1 {
  width: 1%;
  height: 100%;
  background-image: url(../../day03/大屏可视化素材图/素材图/line_img.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.title {
  width: 45%;
  height: 730px;
}

.title .titleheader {
  width: 100%;
  height: 50px;
  background-image: url(../../day03/大屏可视化素材图/素材图/title_border.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
  font-size: 30px;
}

.title .titleheader div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title .titleheader div img {
  width: 40px;
  height: 40px;
}

.title .titlebox {
  width: 100%;
  height: 110px;
  margin-top: 5px;
  display: flex;
  align-items: center;
}

.title .titlebox .titlebox1 {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  color: white;
  margin-top: 25px;
}

.title .titlebox .titlebox1 .titlebox1-1 {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.title .titlebox .titlebox1 .titlebox1-2 {
  width: 5%;
  font-size: 30px;
}

.title .titlebox .titlebox1 .titlebox1-3 {
  display: flex;
  width: 35%;
}

.title .titlebox .titlebox1 .titlebox1-3 img {
  width: 70px;
  height: 50px;
}

.title .titlebox .titlebox2 {
  width: 5%;
  height: 100%;
  padding-left: 10px;
}

.rigth {
  width: 25%;
  height: 720px;
}

.rigth .rigthheader {
  width: 100%;
  height: 250px;
}

.rigth .rigthheader header {
  width: 100%;
  height: 15%;
  background-image: url(../../day03/大屏可视化素材图/素材图/box_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rigth .rigthheader div {
  width: 100%;
  height: 85%;
}

.rigth .rigthtitle {
  width: 100%;
  height: 250px;
}

.rigth .rigthtitle header {
  width: 100%;
  height: 15%;
  background-image: url(../../day03/大屏可视化素材图/素材图/box_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rigth .rigthtitle div {
  width: 100%;
  height: 85%;
}

.rigth .rigthfooter {
  width: 100%;
  height: 220px;
}

.rigth .rigthfooter header {
  width: 100%;
  height: 15%;
  background-image: url(../../day03/大屏可视化素材图/素材图/box_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rigth .rigthfooter div {
  width: 100%;
  height: 85%;
}
